<!-- 搜索框 -->
<div class="search_bomb_box">
    <div class="search_top fix">
        <a class="search_bomb_box_a"><img src="../../../assets/images/back_jt.png"></a>
        <div>
            <form>
                <input type="text" name="" placeholder="二手汽车">
                <button type="submit"><img src="../../../assets/images/sous.png"></button>
            </form>
        </div>
    </div>
    <div class="search_txt">
        <h2>热门搜索</h2>
        <ul>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">新车</a></li>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">大众</a></li>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">二手汽车</a></li>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">奥迪</a></li>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">材质贴图</a></li>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">发光字</a></li>
            <li><a href="http://view.jqueryfuns.com/2019/12/2/bec77f007a8b83da53e601ad77f88c43/list.html">发光纸</a></li>
        </ul>
    </div>
</div>
<!--热门城市  -->
<div class="touchcity" id="cspand" style="display:none;">
    <div class="schbox">
        <span>搜索城市:</span><input id="cityipt" type="text" />
    </div>
    <div class="citybox"></div>
    <div class="indexBar"></div>
    <a class="locate"></a>
</div>
<!-- 外框 -->
<div id="waik">
    <!-- 头部 -->
    <div id="top" class="zi_top" style=" background: #fff;">
        <div class="sos_t">
            <div class="xiaox xiaox_tx">
                <a href="my.html">
                    <!-- <i></i> -->
                    <img src="../../../assets/images/tx.jpg">
                </a>
            </div>
            <div class="so_input">
                <p><input type="text" id="input1" class="am-form-field am-round" placeholder="二手汽车" /></p>
            </div>
            <div class="xiaox kanc_xiaox">
                <div id="citypick">
                    <a href="javascript:;" id="cityname"> 贵阳 </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <br>
    <br>

    <!-- 开始 -->

    <div class="letter scrollspy-nav" data-am-scrollspynav="{offsetTop: 88}">
        <ul>
            <li><a href="/mall_class">热门</a></li>
            <li><a href="/mall_class#a1">A</a></li>
            <li><a href="/mall_class#b1">B</a></li>
            <li><a href="/mall_class#c1">C</a></li>
            <li><a href="/mall_class#d1">D</a></li>
            <li><a href="/mall_class#e1">E</a></li>
            <li><a href="/mall_class#f1">F</a></li>
            <li><a href="/mall_class#g1">G</a></li>
            <li><a href="/mall_class#h1">H</a></li>
            <li><a href="/mall_class#j1">J</a></li>
            <li><a href="/mall_class#k1">K</a></li>
            <li><a href="/mall_class#l1">L</a></li>
            <li><a href="/mall_class#m1">M</a></li>
            <li><a href="/mall_class#n1">N</a></li>
            <li><a href="/mall_class#o1">P</a></li>
            <li><a href="/mall_class#p1">Q</a></li>
            <li><a href="/mall_class#r1">R</a></li>
            <li><a href="/mall_class#s1">S</a></li>
            <li><a href="/mall_class#t1">T</a></li>
            <li><a href="/mall_class#w1">W</a></li>
            <li><a href="/mall_class#x1">X</a></li>
            <li><a href="/mall_class#y1">Y</a></li>
            <li><a href="/mall_class#z1">Z</a></li>
        </ul>
    </div>
    <div class="daoh_top">
        <ul>
            <li class="no"><i></i><a href="mall_class.html">新车</a></li>
            <li><i></i><a href="mall_class.html">二手车</a></li>
        </ul>
    </div>
    <div id="rem">
        <div class="remeng_We">
            <ul>
                <li><a href="javascript:;">2年以内</a></li>
                <li><a href="javascript:;">3-5年</a></li>
                <li><a href="javascript:;">5-8年</a></li>
                <li><a href="javascript:;">8-10年</a></li>
                <li><a href="javascript:;">10-15年</a></li>
            </ul>
            <ol>
                <li><a href="javascript:;">微型车</a></li>
                <li><a href="javascript:;">紧凑型车</a></li>
                <li><a href="javascript:;">中型车</a></li>
                <li><a href="javascript:;">豪华车</a></li>
                <div is_show="no">
                    <li><a href="javascript:;">跑车</a></li>
                    <li><a href="javascript:;">新能源</a></li>
                    <li><a href="javascript:;">微面包</a></li>
                    <li><a href="javascript:;">跑车</a></li>
                </div>
                <li class="gd"><a href="javascript:;">更多</a></li>
            </ol>
        </div>
        <div class="tuijianc swiper_container_rem">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <a><img src="../../../assets/images/class_img.jpg" alt=""></a>
                    <p>名爵6</p>
                </li>
                <li class="swiper-slide">
                    <a><img src="../../../assets/images/class_img1.jpg" alt=""></a>
                    <p>名爵HS</p>
                </li>
                <li class="swiper-slide">
                    <a><img src="../../../assets/images/class_img2.jpg" alt=""></a>
                    <p>途瑞</p>
                </li>
                <li class="swiper-slide">
                    <a><img src="../../../assets/images/class_img1.jpg" alt=""></a>
                    <p>名爵HS</p>
                </li>
                <li class="swiper-slide">
                    <a><img src="../../../assets/images/class_img2.jpg" alt=""></a>
                    <p>途瑞</p>
                </li>
            </ul>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <script>
        $(function() {
            $('.remeng_We ol .gd a').mousedown(function() {
                var Is_show = $('.remeng_We ol div').attr('is_show');
                if (Is_show == 'no') {
                    $('.remeng_We ol div').show();
                    $('.remeng_We ol .gd a').text('收起');
                    $('.remeng_We ol div').attr('is_show', "yes");
                } else {
                    $('.remeng_We ol div').hide();
                    $('.remeng_We ol .gd a').text('更多');
                    $('.remeng_We ol div').attr('is_show', "no");
                }
            })
        })
        var swiper = new Swiper('.swiper_container_rem', {
            slidesPerView: 3,
            spaceBetween: 20,
            //   centeredSlides: true,
            //   pagination: {
            //     el: '.swiper-pagination',
            //     clickable: true,
            //   },
        });
    </script>

    <div class="one_ceng" id="a1">
        <div class="bt">A</div>
        <ul>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo2.jpg">
                    <p>阿斯顿·马丁</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo1.jpg">
                    <p>爱驰</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo3.jpg">
                    <p>阿尔法·罗密欧</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
        </ul>
    </div>

    <div class="one_ceng" id="b1">
        <div class="bt">B</div>
        <ul>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo2.jpg">
                    <p>阿斯顿·马丁</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo1.jpg">
                    <p>爱驰</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo3.jpg">
                    <p>阿尔法·罗密欧</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="one_ceng" id="c1">
        <div class="bt">C</div>
        <ul>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo2.jpg">
                    <p>阿斯顿·马丁</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo1.jpg">
                    <p>爱驰</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo3.jpg">
                    <p>阿尔法·罗密欧</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
        </ul>
    </div>

    <div class="one_ceng" id="d1">
        <div class="bt">D</div>
        <ul>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo2.jpg">
                    <p>阿斯顿·马丁</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo1.jpg">
                    <p>爱驰</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo3.jpg">
                    <p>阿尔法·罗密欧</p>
                </a>
            </li>
            <li>
                <a href="javascript:;" routerLink="/mall_list"><img src="../../../assets/images/qic_logo.jpg">
                    <p>奥迪</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="one_ceng" id="e1">
        <div class="bt">E</div>
        <ul>
            E
        </ul>
    </div>
    <div class="one_ceng" id="f1">
        <div class="bt">F</div>
        <ul>
            F
        </ul>
    </div>
    <div class="one_ceng" id="g1">
        <div class="bt">G</div>
        <ul>
            G
        </ul>
    </div>
    <div class="one_ceng" id="h1">
        <div class="bt">H</div>
        <ul>
            H
        </ul>
    </div>
    <div class="one_ceng" id="i1">
        <div class="bt">I</div>
        <ul>
            I
        </ul>
    </div>
    <div class="one_ceng" id="j1">
        <div class="bt">J</div>
        <ul>
            J
        </ul>
    </div>
    <div class="one_ceng" id="k1">
        <div class="bt">K</div>
        <ul>
            K
        </ul>
    </div>
    <div class="one_ceng" id="l1">
        <div class="bt">L</div>
        <ul>
            L
        </ul>
    </div>
    <div class="one_ceng" id="m1">
        <div class="bt">M</div>
        <ul>
            M
        </ul>
    </div>
    <div class="one_ceng" id="n1">
        <div class="bt">N</div>
        <ul>
            N
        </ul>
    </div>
    <div class="one_ceng" id="o1">
        <div class="bt">O</div>
        <ul>
            O
        </ul>
    </div>
    <div class="one_ceng" id="p1">
        <div class="bt">P</div>
        <ul>
            P
        </ul>
    </div>
    <div class="one_ceng" id="q1">
        <div class="bt">Q</div>
        <ul>
            Q
        </ul>
    </div>
    <div class="one_ceng" id="r1">
        <div class="bt">R</div>
        <ul>
            R
        </ul>
    </div>
    <div class="one_ceng" id="s1">
        <div class="bt">S</div>
        <ul>
            S
        </ul>
    </div>
    <div class="one_ceng" id="t1">
        <div class="bt">T</div>
        <ul>
            T
        </ul>
    </div>
    <div class="one_ceng" id="u1">
        <div class="bt">U</div>
        <ul>
            U
        </ul>
    </div>
    <div class="one_ceng" id="v1">
        <div class="bt">V</div>
        <ul>
            V
        </ul>
    </div>
    <div class="one_ceng" id="w1">
        <div class="bt">W</div>
        <ul>
            W
        </ul>
    </div>
    <div class="one_ceng" id="x1">
        <div class="bt">X</div>
        <ul>
            X
        </ul>
    </div>
    <div class="one_ceng" id="y1">
        <div class="bt">Y</div>
        <ul>
            Y
        </ul>
    </div>
    <div class="one_ceng" id="z1">
        <div class="bt">Z</div>
        <ul>
            Z

        </ul>
    </div>
    <!-- <div style="height:100px;line-height: 40px;text-align: center;color:#bbb">加载中</div> -->

    <!-- 结尾 -->
</div>